<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="/easyui/themes/icon.css" />
		<link rel="stylesheet" href="/easyui/themes/default/easyui.css" />
		<link rel="stylesheet" href="/css/public.css" />
		<link rel="stylesheet" href="/css/children/children_list.css" />
		<title>子女管理-子女列表</title>
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="/easyui/easyui-lang-zh_CN.js"></script>
	</head>

	<body>
		<form id="search_form">
			<table>
				<tr>
					<td><input id="role_id" /></td>
					<td><input id="school_id" /></td>
					<td><input id="category_id" /></td>

					<td><a id="search">搜索</a></td>
					<td><a id="clear">清空</a></td>
				</tr>
			</table>
		</form>

		<div id="children_dialog" style="display:none;">
			<form id="children_form">
				<input type="hidden" id="id" name="id" />

				<table style="border-spacing:10px;">
					<tr>
						<td>子女名字</td>
						<td><input id="name" name="name" /></td>

						<td>子女等级</td>
						<td><input id="grade" name="grade" /></td>
					</tr>

					<tr>
						<td>健康度</td>
						<td><input id="healthiness" name="healthiness" /></td>

						<td>提升次数</td>
						<td><input id="improveTimes" name="improveTimes" /></td>
					</tr>

					<tr>
						<td>所属门派</td>
						<td><input id="schoolId" name="schoolId" /></td>

						<td>子女造型</td>
						<td><input id="categoryId" name="categoryId" /></td>
					</tr>

					<tr>
						<td>归属角色</td>

						<td colspan="3">
							<input id="roleId" name="roleId" />
						</td>
					</tr>
				</table>
			</form>
		</div>

		<div id="zizhi_dialog" style="display:none;">
			<form id="zizhi_form">
				<input type="hidden" id="childrenId" name="childrenId" />

				<table style="border-spacing:5px;">
					<tr>
						<td>攻击资质</td>
						<td><input id="zizhi_gjzz" name="gjzz" /></td>

						<td>防御资质</td>
						<td><input id="zizhi_fyzz" name="fyzz" /></td>
					</tr>

					<tr>
						<td>体力资质</td>
						<td><input id="zizhi_tlzz" name="tlzz" /></td>

						<td>法力资质</td>
						<td><input id="zizhi_flzz" name="flzz" /></td>
					</tr>

					<tr>
						<td>速度资质</td>
						<td><input id="zizhi_sdzz" name="sdzz" /></td>

						<td>子女成长</td>
						<td><input id="zizhi_chengzhang" name="chengzhang" /></td>
					</tr>
				</table>
			</form>
		</div>

		<div id="jiadian_dialog" style="display:none;">
			<form id="jiadian_form">
				<!-- easyui-layout -->
				<div class="easyui-layout" style="width:500px;height:388px;">
					<!-- easyui-layout:west -->
					<div data-options="region:'west',split:false" style="width:200px;">
						<input id="children_id" name="childrenId" type="hidden" />

						<table style="border-spacing:2px;">
							<tr>
								<td rowspan="2">
									<img id="jiadian_image" height="50" />
								</td>
								<td>
									<span id="jiadian_name"><!--小橙子--></span>
								</td>
							</tr>

							<tr>
								<td>
									<span id="jiadian_grade"><!--79--></span>级
								</td>
							</tr>
						</table>

						<table style="border-spacing:10px;">
							<tr>
								<td>气&emsp;&emsp;血</td>
								<td><input id="jiadian_qixue" name="qixue" /></td>
							</tr>

							<tr>
								<td>物理伤害</td>
								<td><input id="jiadian_wlsh" name="wlsh" /></td>
							</tr>

							<tr>
								<td>法术伤害</td>
								<td><input id="jiadian_fssh" name="fssh" /></td>
							</tr>

							<tr><td>物理防御</td>
								<td><input id="jiadian_wlfy" name="wlfy" /></td></tr>

							<tr><td>法术防御</td>
								<td><input id="jiadian_fsfy" name="fsfy" /></td></tr>

							<tr>
								<td>速&emsp;&emsp;度</td>
								<td><input id="jiadian_sudu" name="sudu" /></td>
							</tr>
						</table>


						<table style="border-spacing:2px;">
							<tr>
								<td>父母双方加点方案</td>

								<td colspan="2">
									<button type="button" id="jiadian_help"></button>
								</td>
							</tr>

							<tr>
								<td>各自独立互不影响</td>
							</tr>
						</table>
					</div>

					<!-- easyui-layout:center -->
					<div data-options="region:'center',split:false">
						剩余潜力 <span class="green" id="rest">0</span>

						<table style="border-spacing:20px;">
							<tr>
								<td>体质</td>
								<td><input id="jiadian_tizhi" name="tizhi" /></td>
							</tr>

							<tr>
								<td>魔力</td>
								<td><input id="jiadian_moli" name="moli" /></td>
							</tr>

							<tr>
								<td>力量</td>
								<td><input id="jiadian_liliang" name="liliang" /></td>
							</tr>

							<tr>
								<td>耐力</td>
								<td><input id="jiadian_naili" name="naili" /></td>
							</tr>

							<tr>
								<td>敏捷</td>
								<td><input id="jiadian_minjie" name="minjie" /></td>
							</tr>
						</table>

						<span style="position:absolute;left:20px;">
							<button type="button" id="reset">重置属性</button>
						</span>

						<span style="position:absolute;left:180px;">
							<button type="button" id="save">确认加点</button>
						</span>
					</div>
				</div>
			</form>
		</div>

		<div id="jiadian_note" style="display:none;">
			<div>
				<div class="center white">加点说明</div>

				<input type="hidden" class="splitter" />

				<ul>
					<li>
						<span class="green">体质</span>
						<span class="white">&emsp;影响&ensp;气血、法术防御</span>
					</li>

					<li>
						<span class="green">魔力</span>
						<span class="white">&emsp;影响&ensp;法术伤害、法术防御、魔法</span>
					</li>

					<li>
						<span class="green">力量</span>
						<span class="white">&emsp;影响&ensp;物理伤害、法术防御</span>
					</li>

					<li>
						<span class="green">耐力</span>
						<span class="white">&emsp;影响&ensp;物理防御、法术防御</span>
					</li>

					<li>
						<span class="green">敏捷</span>
						<span class="white">&emsp;影响&ensp;速度</span>
					</li>
				</ul>
			</div>
		</div>

		<div id="children_detail" style="display:none;">
			<!-- easyui-layout -->
			<div class="easyui-layout" style="width:520px;height:350px;">
				<!-- easyui-layout:west -->
				<div data-options="region:'west',split:false" style="width:192px;">
					<div class="center">
						<span id="children_name"></span>

						<div class="children_image">
							<img id="children_image" />
						</div>

						<span id="children_grade">79</span>级

						<span id="stage">童年时期</span>
					</div>

					<table id="children_datalist"></table>
				</div>

				<!-- easyui-layout:center -->
				<div data-options="region:'center',split:false">
					<div style="width:326px;height:348px;">
						<div id="tabs">
							<div title="属性装备">
								<table style="margin-left:10px;">
									<tr title="提高体力资质和增加体质点，可以增加气血上限">
										<td>气&emsp;&emsp;血</td>
										<td colspan=2><div id="qixue"></div></td>
									</tr>

									<tr title="跟随父母战斗、使用茯苓糕都可以增加孩子的经验">
										<td>经&emsp;&emsp;验</td>
										<td><div id="exp"></div></td>
										<td><a class="easyui-linkbutton" data-options="iconCls:'icon-add'"></a></td>
									</tr>
								</table>

								<input type="hidden" class="splitter" />

								<table style="border-spacing:5px;margin-left:10px;">
									<tr>
										<td title="提高攻击资质和增加力量点，可以增加物理伤害">
											物理伤害<span id="children_wlsh"></span>
										</td>

										<td title="提高防御资质和增加耐力点，可以增加物理防御">
											&emsp;&emsp;&emsp;物理防御<span id="children_wlfy"></span>
										</td>
									</tr>

									<tr>
										<td title="提高法力资质和增加魔力点，可以增加法术伤害">
											法术伤害<span id="children_fssh"></span>
										</td>

										<td title="受到法力资质、体质点、魔力点、力量点和耐力点共同影响">
											&emsp;&emsp;&emsp;法术防御<span id="children_fsfy"></span>
										</td>
									</tr>

									<tr>
										<td title="提高速度资质和增加敏捷点，可以增加速度">
											速&emsp;&emsp;度<span id="children_sudu"></span>
										</td>

										<td>
											&emsp;&emsp;&emsp;<button type="button" id="set_jiadian">属性点分配</button>
										</td>
									</tr>
								</table>

								<input type="hidden" class="splitter" />

								<table style="border-spacing:10px 5px;">
									<tr>
										<td>
											<div class="init">
												<img id="sz" ref="" title="手镯" />
											</div>
										</td>

										<td>&emsp;</td>

										<td>
											<div class="init">
												<img id="dz" ref="" title="吊坠" />
											</div>
										</td>

										<td>&emsp;</td>

										<td>
											<div class="init">
												<img id="jh" ref="" title="脚环" />
											</div>
										</td>
									</tr>
								</table>
							</div>

							<div title="资质技能">
								<table style="border-spacing:2px;">
									<tr>
										<td title="攻击资质越高，孩子的物理伤害越高">
											攻击资质
										</td>
										<td title="攻击资质越高，孩子的物理伤害越高">
											<div id="children_gjzz"></div>
										</td>

										<td title="防御资质越高，孩子的物理防御越高">
											防御资质
										</td>
										<td title="防御资质越高，孩子的物理防御越高">
											<div id="children_fyzz"></div>
										</td>
									</tr>

									<tr>
										<td title="体力资质越高，孩子的气血上限越高">
											体力资质
										</td>
										<td title="体力资质越高，孩子的气血上限越高">
											<div id="children_tlzz"></div>
										</td>

										<td title="法力资质越高，孩子的法术伤害和法术防御越高">
											法力资质
										</td>
										<td title="法力资质越高，孩子的法术伤害和法术防御越高">
											<div id="children_flzz"></div>
										</td>
									</tr>

									<tr>
										<td title="速度资质越高，孩子的速度越高">
											速度资质
										</td>
										<td title="速度资质越高，孩子的速度越高">
											<div id="children_sdzz"></div>
										</td>

										<td title="成长越高，属性点增加的属性值越高">
											孩子成长
										</td>
										<td title="成长越高，属性点增加的属性值越高">
											&ensp;<span id="children_chengzhang"></span>
										</td>
									</tr>
								</table>

								<input type="hidden" class="splitter" />

								<div id="skill_box">
									<div id="skill_panel">
										<table style="border-spacing: 6px 3px;">
											<tbody id="children_skills">
												<!-- 子女技能 -->
											</tbody>
										</table>
									</div>
								</div>
							</div>

							<div title="当前状态">
								<table style="margin-left:10px;">
									<tr title="每日健康度会下降，健康度低于60会降低孩子属性">
										<td>健康度</td>
										<td><div id="health"></div></td>
										<td><a class="easyui-linkbutton" data-options="iconCls:'icon-add'"></a></td>
									</tr>

									<tr title="父母中更关心孩子的一方亲密度更高。亲密度低于80会降低孩子属性">
										<td>亲密度</td>
										<td><div id="intimacy"></div></td>
										<td><a class="easyui-linkbutton" data-options="iconCls:'icon-add'"></a></td>
									</tr>
								</table>

								<input type="hidden" class="splitter" />

								<div id="log_box">
									<div id="log_panel">
										<!--todo-->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div><!-- easyui-layout:center /-->
			</div><!-- easyui-layout /-->
		</div>

		<div id="equipment_dialog" style="display:none;">
			<div id="equipment_list"></div>
		</div>

		<div id="equipment_detail" style="display:none;">
			<table>
				<tr>
					<td rowspan=3>
						<div class="equipment_image">
							<img id="equipment_image" />
						</div>
					</td>

					<td>
						<span id="equipment_name"></span>
					</td>
				</tr>

				<tr>
					<td>
						<div class="yellow">
							类型：<span id="equipment_type"></span>
						</div>
					</td>
				</tr>

				<tr>
					<td>
						<div class="yellow">
							等级：<span id="equipment_grade"></span>
						</div>
					</td>
				</tr>
			</table>

			<div>
				<div class="yellow" style="font-size:20px;">基础属性</div>

				<div id="property_white">
					<!-- 白字属性 -->
				</div>

				<div id="property_green">
					<!-- 绿字属性 -->
				</div>

				<div id="property_blue">
					<!-- 蓝字 -->
				</div>
			</div>

			<div id="xingshi">
				<div class="yellow" style="font-size:20px;">星石属性</div>

				<div id="property_xingshi_base">
					<!-- 星石属性 -->
				</div>

				<div id="property_xingshi_fuling">
					<!-- 星石附灵属性 -->
				</div>

				<div id="property_xingshi_xianghun">
					<!-- 星石相魂属性 -->
				</div>
			</div>

			<div class="yellow">
				打造：<span id="equipment_forger"></span>&emsp;打造
			</div>

			<input type="hidden" class="splitter" />

			<div id="equipment_note"></div>

			<div class="center">
				<div style="float:left;">
					<button type="button" id="more">更多</button>
				</div>

				<div style="float:right;">
					<button type="button" id="wear">取下</button>
				</div>
			</div>
		</div>

		<table id="children_list"></table>

		<script type="text/javascript" src="/js/public.js"></script>
		<script type="text/javascript" src="/js/ajaxUtils.js"></script>
		<script type="text/javascript" src="/js/children/children_list.js"></script>
	</body>
</html>